دلیل خطای Uncaught (in promise) cancel در sweet alert

پاسخ هوش مصنوعی

خطای "Uncaught (in promise) cancel" به این دلیل رخ می دهد که در نسخه های جدید SweetAlert، رفتار و ساختار فراخوانی callback تغییر پیدا کرده است. به جای استفاده از یک تابع callback به صورت مستقیم در گزینه ها، از Promise استفاده می شود. به این ترتیب، شما باید به روز رسانی کنید که از Promise ها بهره ببرید.

در اینجا یک نمونه کد اصلاح شده برای شما آورده ام:

            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                icon: "warning",
                buttons: ["No, cancel plx!", "Yes, delete it!"],
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    alert('No');
                } else {
                    alert('Yes');
                }
            });

این کد با استفاده از Promise ها به درستی عمل می کند و دیگر خطای "uncaught in promise" را نخواهید داشت.

دلیل خطای Uncaught (in promise) cancel در sweet alert

شما کدهای خودتون رو برای استفاده از Confirm Box در sweet alert درست نوشتید ولی در نسخه جدیدتر sweet alert دستور catch اضافه شده که می تونید با استفاده از اون به راحتی قبل از ارسال اطلاعات به سمت سرور از کاربر تاییدیه بگیرید. به کدهای زیر دقت کنید.

            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false
            }).then(
                function (h) {
                    if (h !== 'dismissed') {
                        alert('Yes');
                    }
                }
            ).catch(() => swal.close());
        });

کافیه فقط کدهای بالا رو کپی و پیست کنید و تست کنید.

Uncaught (in promise) cancel using SweetAlert2